<template>
	<view class="main">
		<wd-cell-group>
			<wd-cell title="姓名" :value="ownerInfo.name" />
			<wd-cell title="电话" :value="ownerInfo.phone" />
			<wd-cell title="住址" :value="ownerInfo.address" />
			<wd-cell title="民族" :value="ownerInfo.nation" />
			<wd-cell title="生日" :value="ownerInfo.birthday" />
		</wd-cell-group>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';

	// 模拟动态数据
	const ownerInfo = ref({
		name: '张三',
		phone: '138-8888-8888',
		address: '北京市朝阳区XX小区XX栋XX号',
		nation: '汉族',
		birthday: '1990-01-01'
	});
</script>

<style>
	.main {
		min-height: 100vh;
		background-color: rgb(238, 238, 238);
		padding: 2vw;
	}
</style>